<%@ page pageEncoding="utf-8"%>
<%-- 引入JSTL标签库 --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
<title>门店管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
	body{ font-family: "微软雅黑"; background-color: #EDEDED; }
	h2{ text-align: center;}
	table{ width:96%; margin: 0 auto; text-align: center; border-collapse:collapse; font-size:16px;}
	td, th{ padding: 5px;}
	th{ background-color: #DCDCDC; width:120px; }
	th.width-40{ width: 40px; }
	th.width-70{ width: 70px; }
	th.width-80{ width: 80px; }
	hr{ margin-bottom:20px; border:1px solid #aaa; }
	#add-door{text-align:center;font-size:20px;}
</style>
</head>
<body><!-- body-start  -->

<h2>门店管理</h2>
<div id="add-door">
	<%--localhost/day15-YongHe/door_add--%>
	<a href="door_add" target="rightFrame">新增门店</a>
</div>
<hr/>
<table border="1">
	<tr>
		<th class="width-40">序号</th>
		<th>门店名称</th>
		<th class="width-80">联系电话</th>
		<th>门店地址</th>
		<th class="width-80">操 作</th>
	</tr>
	<%--
		使用JSP中foreach标签,遍历model中doors集合中的值,
		将其每一条都拼装成一行,展示在页面上
		items 表示遍历的对象
		var 表示遍历的每个对象
		varStatus 记录当前循环的状态,比如循环的次数
	--%>
	<c:forEach items="${doors}" var="door" varStatus="status">
		<tr>
			<%--一般情况下,序号应该是连贯的,这样能给予用户比较好的体验,
			如果此处用id当编号,当我们删除记录时,很容易造成序号的不连贯,
			重新修改id,太麻烦,所以可以利用varStatus--%>
			<td>${status.count}</td><%--序号,此处不是id,先放任--%>
			<td>${door.name}</td><%--门店名称--%>
			<td>${door.tel}</td><%--门店电话--%>
			<td>${door.addr}</td><%--门店地址--%>
			<td>
				<%--delete from tb_door where id=?--%>
				<%--删除指定的id的记录--%>
				<a href="doorDelete?id=${door.id}">删除</a>
				&nbsp;|&nbsp;
				<a href="doorInfo?id=${door.id}">修改</a>
			</td>
		</tr>
	</c:forEach>
	<!-- 模版数据 -->




	
</table>
</body><!-- body-end  -->
</html>



